<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS边距</title>
		<style type="text/css">
			div {
				width: 200px;
				height: 200px;
				border: 1px #FFC0CB solid;
				padding: 1.25rem 3.125rem;
			}
			div p {
				height: 12.5rem;
				width: 200px;
				background-color: #008000;
				padding-left: 1.25rem;
				padding-top: 1.25rem;
			}
			
			div.one {
				padding-left: 0.3125rem;
			}
			div.two {
				padding: 1.5625rem 0.9375rem;
			}
			div.scrre {
				padding: 0.75rem 0.625rem 0rem 1.5625rem;
			}
		</style>
	</head>
	<body>
		<div>
			<p></p>
		</div>
<!-- 		<div class="one">
			左内边距为5px
		</div>
		<div class="two">上下25px 左右15px</div>
		<div class="scrre">上12 右 下 左</div> -->
	</body>
</html>
